import React from 'react'


import { BrowserRouter as Router, Routes, Route, Link } from 'react-router-dom'

// 导入首页组件
import Home from './pages/Home'

// 导入城市组件
import CityList from './pages/CityList'

// 引入组件
function App() {
  return (
    <Router>
      <Routes>
          {/* 路由配置 */}
          <Route path="/home" component={Home} />
          <Route path="/citylist" component={CityList} />
      </Routes>
      <div className="App">

        {/* 导航菜单配置 */}
        <ul>
          <li>
            <Link to="/home">首页</Link>
          </li>
          <li>
            <Link to="/citylist">城市选择</Link>
          </li>
        </ul>
        
        
      </div>
    </Router>
    
  );
}

export default App;
